import store from '@/store'

export default {
  install(Vue) {
    // 在vue上挂载一个原型,可供所有组件调用
    Vue.prototype.$fn = () => {
      console.log('今天是晴天')
    }
    // 添加自定义指令 v-allow 来实现按钮级别的控制
    Vue.directive('allow', {
      // el: 当前的dom元素
      inserted: (el, binding) => {
        // 如果在vuex中的points可以找到这个value, 说明可以看见这个按钮
        const points = store.state.user.userInfo.roles.points
        if (!points.includes(binding.value)) {
          // 直接删除这个dom
          el.remove()
        }
      }
    })
  }
}
